<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            height: 300px;
        }
    </style>
</head>
<body>
    <div></div>

<script>
var div = document.getElementsByTagName("div")[0];
// alert(div.style.height);//得不到非行内的样式

// //IE8及以下方法:
// alert(div.currentStyle.height)

// //其他:
// alert(getComputedStyle(div,null).height)
// 
// 兼容写法：
function elem(domElem){
    if(domElem.currentStyle){
        return domElem.currentStyle;
    }else{
        return getComputedStyle(domElem,null)
    }
}
alert(elem(div).height);
</script>
</body>
</html>